$(document).ready(function() {

    $("input[type='hidden']").val('');

    createMap("b-map");

    $('#search-form #start, #search-form #destination').autocomplete(info.stations, {
        formatItem: function(item) {
            return item.name;
        }
    }).result(function(event, item) {

        var inputId = $(this).attr('id');
        for (var itm in item) {
            $('#' + inputId + '_' + itm).val(item[itm]);
        }
        queryPoints();
        if(inputId == 'start') {
            startOverlay.setCoordPoint(new YMaps.GeoPoint(item.lon, item.lat));
            if(startOverlay.getMap() === null)
                map.addOverlay(startOverlay);
        } else if(inputId == 'destination') {
            endOverlay.setCoordPoint(new YMaps.GeoPoint(item.lon, item.lat));
            if(endOverlay.getMap() === null)
                map.addOverlay(endOverlay);
        }
    });

    $('#magni-btn').click(function() {
        return setSearchParams();
    });

    time = 'N';
    insertData(time);
});

function setSearchParams() {
    var req = {
      from_lat: $('#start_lat').val(),
      from_lon: $('#start_lon').val(),
      to_lat: $('#destination_lat').val(),
      to_lon: $('#destination_lon').val()
    };
    sendRequest(req);
    return false;
}

function sendRequest(req) {

/*    var data = {
  "routes": [
    {
      "items": [
        {
          "start": {
            "id": "620",
            "name": "Торговый переулок"
          },
          "end": {
            "id": "92",
            "name": "Улица Волгоградская"
          },
          "route_ids": [
            "trolley81"
          ]
        }
      ]
    },
    {
      "items": [
        {
          "start": {
            "id": "620",
            "name": "Торговый переулок"
          },
          "end": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "route_ids": [
            "trolley41"
          ]
        },
        {
          "start": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "end": {
            "id": "175",
            "name": "Улица Урицкого (Ленинградский пр-т)"
          },
          "route_ids": [
            "bus420"
          ]
        },
        {
          "start": {
            "id": "175",
            "name": "Улица Урицкого (Ленинградский пр-т)"
          },
          "end": {
            "id": "92",
            "name": "Улица Волгоградская"
          },
          "route_ids": [
            "bus100",
            "bus111",
            "bus250",
            "bus81",
            "trolley70",
            "trolley81"
          ]
        }
      ]
    },
    {
      "items": [
        {
          "start": {
            "id": "620",
            "name": "Торговый переулок"
          },
          "end": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "route_ids": [
            "trolley41"
          ]
        },
        {
          "start": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "end": {
            "id": "176",
            "name": "Улица Пионерская"
          },
          "route_ids": [
            "bus111",
            "bus250"
          ]
        },
        {
          "start": {
            "id": "176",
            "name": "Улица Пионерская"
          },
          "end": {
            "id": "92",
            "name": "Улица Волгоградская"
          },
          "route_ids": [
            "bus100",
            "bus111",
            "bus150",
            "bus250",
            "bus81",
            "trolley70",
            "trolley81"
          ]
        }
      ]
    },
    {
      "items": [
        {
          "start": {
            "id": "620",
            "name": "Торговый переулок"
          },
          "end": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "route_ids": [
            "trolley41"
          ]
        },
        {
          "start": {
            "id": "133",
            "name": "Улица Елены Колесовой"
          },
          "end": {
            "id": "175",
            "name": "Улица Урицкого (Ленинградский пр-т)"
          },
          "route_ids": [
            "bus420"
          ]
        },
        {
          "start": {
            "id": "175",
            "name": "Улица Урицкого (Ленинградский пр-т)"
          },
          "end": {
            "id": "176",
            "name": "Улица Пионерская"
          },
          "route_ids": [
            "trolley20"
          ]
        },
        {
          "start": {
            "id": "176",
            "name": "Улица Пионерская"
          },
          "end": {
            "id": "92",
            "name": "Улица Волгоградская"
          },
          "route_ids": [
            "bus100",
            "bus111",
            "bus150",
            "bus250",
            "bus81",
            "trolley70",
            "trolley81"
          ]
        }
      ]
    }
  ]
};*/

    $.get('/routes/', req,
      function(data) {
          getResult(data);
      },
      'json'
    );

    //getResult(data);

}

function getResult(data) {
    // Обрабатываем результат запроса

    var ctr = $('#variants');
    ctr.children().remove();
        
    updateMap(data);
    
    for (var path in data.routes) {
        ctr.append(drawListData(data.routes[path]));
    }
}

function drawListData(path) {
    // Тут рисуем вкладки в list-data
    var rv = $('<li></li>');
    var list = $("<ul class='oneStep'></ul>");
    rv.append(list);
    for (var itmIdx in path.items) {
        var item = path.items[itmIdx];
        var tmpl = $("<li class='oneStage'><span class='transport'></span><br /><span class='from'></span> &rarr; <span class='to'></span></li>");

        tmpl.find('.from').text(item.start.name);
        tmpl.find('.to').text(item.end.name);

        for(var i = 0, l = item.route_ids.length; i < l; i++) {
            item.route_ids[i] = item.route_ids[i].replace("tram", "<span class='tram'>Трамвай #").replace("bus", "<span class='bus'>Автобус #").replace("trolley", "<span class='trolley'>Троллейбус #");
            item.route_ids[i] = item.route_ids[i].substring(0, item.route_ids[i].length - 1) + "</span>";
        }

        tmpl.find('.transport').html(item.route_ids.join(', '));
        list.append(tmpl);
    }
    return rv;
}

function insertData(time) {
    var style = '~ ' + time + ' минут';
    $('#time-track').text(style);
}
